@charset "utf-8";
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block }
audio, canvas, video { display: inline-block; *display:inline;
*zoom:1
}
audio:not([controls]) { display: none; height: 0 }
[hidden], template {
display: none
}
html { font-family: "微软雅黑", "宋体"; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 14px; }
a { background: transparent; color: #417dc9; }
a:link { text-decoration: none; }
a:focus { outline: none }
a:visited { text-decoration: none; }
a:hover { color: #ff6c00; text-decoration: underline; outline: 0; background: none; }
a:active { text-decoration: none; outline: 0 }
h1 { margin: .67em 0; font-size: 2em }
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: bold }
dfn { font-style: italic }
hr { height: 0; -moz-box-sizing: content-box; box-sizing: content-box }
mark { color: #000; background: #ff0 }
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em }
pre { white-space: pre-wrap }
q { quotes: "\201C" "\201D" "\2018" "\2019" }
p { margin: 0 }
small { font-size: 80% }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline }
sup { top: -0.5em }
sub { bottom: -0.25em }
img { border: 0 }
svg:not(:root) { overflow: hidden }
figure { margin: 0 }
fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0 }
legend { padding: 0; border: 0 }
button, input, select, textarea { margin: 0; font-family: inherit; font-size: 100% }
button, input { line-height: normal }
button, select { text-transform: none }
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button }
button[disabled], html input[disabled] { cursor: default }
input[type="checkbox"], input[type="radio"] { padding: 0; box-sizing: border-box }
input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0
}
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
small, .small { font-size: 85% }
cite { font-style: normal }
ul, ol { margin: 0; padding: 0 }
ul ul, ol ul, ul ol, ol ol { margin-bottom: 0 }
li { list-style: none; }
dl { margin: 0; }
dt, dd { line-height: 1.428571429 }
dt { font-weight: bold }
dd { margin-left: 0 }
h4, h5 { margin: 0; padding: 0; }
.clear:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; zoom: 1 }
.container { width: 1200px; min-width: 480px; margin: 20px auto; *zoom: 1; font-family: '微软雅黑'; }
.container:before, .container:after { content: ''; display: block; clear: both; }
.banner{
	background: url(../../img/diy/diy_banner.jpg) no-repeat top center;
	background-size: cover;
	/*overflow: hidden;*/
	height: 200px;
}
.banner .top {
    display: block;
    height: 80px;
    padding-top: 1px;
}
.logo{
	height: 80px;
	line-height: 80px;
	float: left;
	margin-left: 20px;
	width: 260px;
}
.logo img{
	vertical-align: middle;
}
.logo a:hover{
	background: none;
}
.menu{
	float: right;
	padding: 25px 0 0 0;
}
.menu div{
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.menu .menu-login{
 padding-right: 20px;	
}
.menu .menu-login a{
	border: 1.5px solid #538b51;
	padding: 4px 15px;
	margin-right: 10px;
	color: #538b51;
}
/*footer*/
.footer{
	background: #444855;
	text-align: center;
	color: #7b7c87;
	height: 142px;
	font-size: 12px;
}
.footer a{
	color: #7b7c87;
	border-right: 1px solid #7b7c87;
	padding: 0 15px;
}
.footer a:last-child{
	border-right: 0;
}
.footer-link{
	padding: 44px 0 30px;
}
/* 首页 */
.diy_index_top span {
    border-bottom: 5px solid #538b51;
    padding: 12px 30px;
    color: #333;
    font-size: 24px;
    display: inline-block;
}
.diy_index_top a{
	float: right;
	padding: 8px 30px;
	border:1px solid #538b51;
	font-size: 16px;
	margin-top: 7px;
	color: #538b51;
}
.diy_index_li{
	float: left;
	width: 360px;
	margin: 15px 30px 0 0;
	padding: 10px;
	-moz-box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}
.diy_index_li:hover{
	-moz-box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.5);
}
.diy_index_li:NTH-OF-TYPE(3n){
	margin-right: 0;
}
.diy_index_li img{
	width: 100%;
	border: 1px solid #8c8a8a;
}
.diy_index_li > a{
	background: none;
}
.diy_index_li p{
	height: 30px;
	text-align: center;
	line-height: 30px;
	margin: 5px 0;
}
.diy_index_li p a{
	color: #333;
	font-size: 16px;
	margin-top: 7px;
}
.diy_index_li .diy_index_buttons{
	text-align: center;
}
.diy_index_li .diy_index_buttons a{
	/* float: right; */
	border: 1px solid #ccc;
	padding: 4px 8px;
	line-height: 20px;
	margin-top: 2px;
	background: #538b51;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
	margin-left: 25px;
	margin-right: 25px;
}
/*编辑页面*/
.diy_edit_main{
	margin-top: 25px;
}
.diy_edit_main > ul li{
	float: left;
	padding:6px 12px;
	/* background: #5cb85c; */
	border-radius: 5px;
	margin-right: 10px;
	color: #538b51;
	font-size: 16px;
	cursor: pointer;
	list-style: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.diy_edit_main > ul li.on,.diy_edit_main > ul li:hover{
	background: #3c8a3c;
	color: #fff;
}
.diy_edit_block{
	border: 1px solid #538b51;
	/* margin-top: 15px; */
	position: relative;
}
.diy_edit_block_left{
	float: left;
	min-width: 230px;
	max-width:230px
	width:20%;
	/* position: absolute;
    left: 0;
    top: 0;
    bottom: 0; */
}
.diy_edit_block_left_top{
	height: 40px;
	line-height: 20px;
	text-align: center;
	border-bottom: 1px solid #999;
	padding: 10px 0;
}
.diy_edit_block_left_top a{
	padding: 5px 10px;
    /* border: 1px solid #ccc; */
    background: #999;
    color: #fff;
    border-radius: 4px;
    margin-right: 5px;
}
.diy_edit_block_left_con{
	position: absolute;
    bottom: 0;
    left: 0;
    top: 62px;
}
.diy_edit_block_left_con ul.ztree{
	position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    margin-top: 0;
}
.diy_edit_block_right{
	min-width: 870px;
	width:78%;
    float: left;
    border-left: 1px solid #999;
    padding-left: 20px;
    padding-bottom: 15px;
    /* margin-left: 230px; */
}
.diy_edit_block_right_top{
	height: 40px;
	line-height: 40px;
	padding: 10px 0;
}
.diy_edit_right_button,.diy_edit_file_button{
	float: right;
	min-width: 300px;
	text-align: right;
	margin-bottom: 10px;
}
.diy_edit_right_button a,.diy_edit_block_right_top > a,.diy_edit_file_button a{
	padding: 6px 10px;
    /* border: 1px solid #ccc; */
    margin-right: 15px;
    background: #447342;
    color: #fff;
    border-radius: 3px;
}
.test-wrap {
	width: 100%;
	height: 800px;
	overflow: auto;
	border: none;
}
.diy_edit_block_left_con2 ul{
	padding: 1px 0;
}
.diy_edit_block_left_con2 ul li{
	height: 35px;
    line-height: 35px;
    padding-left: 25px;
    color: #333;
    font-size: 14px;
    cursor: pointer;	
}
.diy_edit_block_left_con2 ul li.on{
	background: #57b557;
	color: #fff;
}
.diy_edit_file_top{
	height: auto;
	line-height: 30px;
	padding: 15px 0 0px 15px;
}
.diy_edit_file_con{
	padding: 15px;
}
.table{
	width: 100%;
	border: 1px solid #d0d0d0;
}
.table th,.table td{
	line-height: 40px;
	border-bottom: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
}
.table th{
	font-weight: bold;
}
.table td{
	padding: 0 5px;
}
.table td input{
	width: 15px;
	height: 15px;
	vertical-align: middle;
}
.table tr td:FIRST-OF-TYPE{
	text-align: center;
}
.table td img{
	vertical-align: middle;
}
.table thead{
	/* border-bottom: 1px solid #d0d0d0; */
	background: #efefef;
}
.table tr:nth-child(even){
	background: #f8f8f8;
}
.table tr:hover{
	background: #faf6c9;
}
.table td a:hover{
	background: none;
}
.table_icon{
	width: 20px;
}
.diy_edit_block_left_con ul.ztree{
	height: auto;
}

.CodeMirror {
    height: auto !important;
    min-height: 670px;
}
.CodeMirror-scroll {
  /* Set scrolling behaviour here */
  overflow: auto !important;
  max-height: 670px;
  padding-bottom: 50px !important;
    min-height: 670px;
}

/* 知识模板 */
.tem_main{
	padding: 20px;
}
.tem_main ul li{
	float: left;
    padding: 4px 10px;
    /* background: #5cb85c; */
    border-radius: 5px;
    margin-right: 10px;
    color: #538b51;
    font-size: 14px;
    cursor: pointer;
    list-style: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border:1px solid #538b51;
    border-bottom: 0
}
.tem_main > ul li.on,.tem_main > ul li:hover{
	background: #3c8a3c;
	color: #fff;
}
.tem_li{
	border: 1px solid #538b51;
	padding: 15px 0;
}
.tem_li_tit{
	margin: 0 0 15px 0;
	padding: 0 15px;
}
.tem_class_list{
	padding: 0 15px;
	margin-bottom: 15px;
}
.tem_class_list span{
	padding: 4px 8px;
	border:1px solid #ccc;
	float: left;
	color: #333;
	margin-right: 15px;
	cursor: pointer;
	margin-bottom: 10px;
}
.tem_class_list span.on,.tem_class_list span:hover{
	background: #3c8a3c;
	color: #fff;
}
.layui-layer-title{
	font-family: '微软雅黑';
}
.diy_edit_block_right_con .CodeMirror {
	width:100%;
}